<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2018-05-16
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>货品出货统计</title>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.css"/>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/table/bootstrap-table.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/statics/table/locale/bootstrap-table-zh-CN.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.css"/>




    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/date/Moment.js"></script>

    <script type="text/javascript"
            src="${pageContext.request.contextPath}/statics/date/bootstrap-datetimepicker.min.js"></script>

    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/statics/easyui/easyui.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/easyui/icon.css">
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/statics/easyui/demo.css">

    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/easyui/jquery.easyui.min.js"></script>


    <script type="text/javascript" src="${pageContext.request.contextPath}/statics/js/huopinchuhuotongji.js"></script>




</head>
<body>
<%--标题--%>
<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div>
            <ul id="myTab" class="nav navbar-nav" >
                <li class="active"><a href="#home" data-toggle="tab">货品出货统计</a></li>
                <li><a href="#gonghuoqinkuang" data-toggle="tab">按供货商统计</a></li>
                <li><a href="#ppphhh" data-toggle="tab">按客户分析</a></li>
                <li><a href="#chuhuoqinkuang" data-toggle="tab">出货排行</a></li>
                <li><a href="#tu" data-toggle="tab">出货排行统计图</a></li>
            </ul>
        </div>
    </div>
</nav>
<br>

<%--标题内容--%>
<div id="myTabContent" class="tab-content">

    <%--货品出货统计的内容--%>
    <div class="tab-pane fade in active" id="home">
        <diV class="xiaogongneng">
            <!--功能面板-->
            <div class="panel panel-default">
                <div class="panel-body">
                        <div>
                            <ul class="nav nav-tabs">
                                <li class="active"><a data-toggle="tab" href="#ss">出货货品明细表</a></li>
                                <li><a data-toggle="tab" href="#menu1">出货品汇总</a></li>
                                <li><a data-toggle="tab" href="#menu2">出货货品分类统计表</a></li>
                                <li><a data-toggle="tab" href="#menu3">出货货品分类统计图</a></li>
                            </ul>

                            <div class="tab-content">
                                <div id="ss" class="tab-pane fade in active">
                                    <%--查询--%>
                                    <form class="form-inline">
                                        <%--按时间查询--%>
                                        <div  class="input-group input-daterange">
                                            <input id="firstDate" type="text" class="form-control">
                                            <div class="input-group-addon">到：</div>
                                            <input id="secondDate" type="text" class="form-control">
                                        </div>
                                        &nbsp;
                                        <%--按供货商查询--%>
                                        货品类别:
                                        <input id="soso" class="easyui-combogrid" style="width:200px" data-options="
                                                panelWidth: 300,
                                                idField: 'id',
                                                textField: 'name',
                                                url: '${pageContext.request.contextPath}/commtype/list',
                                                method: 'get',
                                                columns: [[
                                                    {field:'id',title:'类别id',width:100},
                                                    {field:'name',title:'分类名称',width:150},
                                                ]],
                                                fitColumns: true
                                            ">

                                        </select>

                                        &nbsp;
                                        货品名称:
                                        <input  type="text" class="form-control" id="nn">


                                        <button onclick="op()" type="button" class="btn btn-default">查询</button>
                                    </form>

                                    <table id="huopinchuhuomingxibiao"></table>
                                </div>
                                <div id="menu1" class="tab-pane fade">

                                    <%--查询--%>
                                    <form class="form-inline">
                                        <%--按时间查询--%>
                                        <div  class="input-group input-daterange">
                                            <input id="firstDate1" type="text" class="form-control">
                                            <div class="input-group-addon">到：</div>
                                            <input id="secondDate1" type="text" class="form-control">
                                        </div>
                                        &nbsp;
                                        <%--按供货商查询--%>
                                        货品类别:
                                        <input id="soso1" class="easyui-combogrid" style="width:200px" data-options="
                                                panelWidth: 300,
                                                idField: 'id',
                                                textField: 'name',
                                                url: '${pageContext.request.contextPath}/commtype/list',
                                                method: 'get',
                                                columns: [[
                                                    {field:'id',title:'类别id',width:100},
                                                    {field:'name',title:'分类名称',width:150},
                                                ]],
                                                fitColumns: true
                                            ">

                                        </select>

                                        &nbsp;
                                        货品名称:
                                        <input  type="text" class="form-control" id="nn1">


                                        <button onclick="zzz()" type="button" class="btn btn-default">查询</button>
                                    </form>


                                    <table id="hzb"></table>
                                </div>
                                <div id="menu2" class="tab-pane fade">
                                    <%--查询--%>
                                    <form class="form-inline">
                                        <%--按时间查询--%>
                                        <div  class="input-group input-daterange">
                                            <input id="firstDate4" type="text" class="form-control">
                                            <div class="input-group-addon">到：</div>
                                            <input id="secondDate4" type="text" class="form-control">
                                        </div>
                                        &nbsp;
                                        <%--按供货商查询--%>
                                        货品类别:
                                        <input id="soso4" class="easyui-combogrid" style="width:200px" data-options="
                                                panelWidth: 300,
                                                idField: 'id',
                                                textField: 'name',
                                                url: '${pageContext.request.contextPath}/commtype/list',
                                                method: 'get',
                                                columns: [[
                                                    {field:'id',title:'类别id',width:100},
                                                    {field:'name',title:'分类名称',width:150},
                                                ]],
                                                fitColumns: true
                                            ">
                                        <button onclick="zmby()" type="button" class="btn btn-default">查询</button>
                                    </form>
                                    <table id="Qhpchtongjibiao"></table>
                                </div>
                                <div id="menu3" class="tab-pane fade">

                                </div>
                            </div>
                        </div>
                </div>
            </div>
        </diV>
    </div>
    <%--按供货商统计的内容--%>
        <div class="tab-pane fade" id="gonghuoqinkuang">

            <!--功能面板-->
            <div class="panel panel-default">
                <div class="panel-body">
                    <%--查询--%>
                    <form class="form-inline">

                        <%--按时间查询--%>
                        <div  class="input-group input-daterange">
                            <input id="firstDate5" type="text" class="form-control">
                            <div class="input-group-addon">到：</div>
                            <input id="secondDate5" type="text" class="form-control">
                        </div>

                        <%--按供货商查询--%>
                        &nbsp;供货商名称:
                        <input id="tt" class="easyui-combogrid" style="width:200px" data-options="
			                    panelWidth: 500,
			                    idField: 'id',
			                    textField: 'name',

			                    url: '${pageContext.request.contextPath}/supp/query',
			                    method: 'get',
			                    columns: [[
				                        {field:'id',title:'供货商id',width:100},
				                        {field:'name',title:'供货商名称',width:150},
				                        {field:'ming',title:'联系人',width:120},
				                        {field:'phone',title:'手机号',width:180},
				                        {field:'address',title:'供货商地址',width:200},
			                    ]],
			                    fitColumns: true
		                    ">

                        <button onclick="an()" type="button" class="btn btn-default">查询</button>

                    </form>
                    <table id="jhfl"></table>


                </div>
            </div>
        </diV>
    <%--按客户分析的内容--%>
    <div class="tab-pane fade" id="ppphhh">
        <!--功能面板-->
        <div class="panel panel-default">
            <div class="panel-body">
                <%--查询--%>
                <form class="form-inline">

                        客户名称:
                        <input id="o" class="easyui-combogrid" style="width:200px" data-options="
			                    panelWidth: 500,
			                    idField: 'id',
			                    textField: 'name',

			                    url: '${pageContext.request.contextPath}/customer/ll',
			                    method: 'get',
			                    columns: [[
				                        {field:'id',title:'客户id',width:100},
				                        {field:'name',title:'客户名称',width:150},
				                        {field:'ming',title:'联系人',width:120},
				                        {field:'phone',title:'手机号',width:180},
				                        {field:'address',title:'客户地址',width:200},
			                    ]],
			                    fitColumns: true
		                    ">
                    <button onclick="ankh()" type="button" class="btn btn-default">查询</button>

                </form>
                <table id="kkkhh"></table>


            </div>
        </div>
    </div>
    <%--出货排行--%>
   <div class="tab-pane fade" id="chuhuoqinkuang">
            <!--功能面板-->
            <div class="panel panel-default">
                <div class="panel-body">
                  <%--查询--%>
                    <form class="form-inline">

                       <%--按时间查询--%>
                        <div  class="input-group input-daterange">
                            <input id="firstDate7" type="text" class="form-control">
                            <div class="input-group-addon">到：</div>
                            <input id="secondDate7" type="text" class="form-control">
                        </div>
                        货品类别:
                        <input id="soso7" class="easyui-combogrid" style="width:200px" data-options="
                                                panelWidth: 300,
                                                idField: 'id',
                                                textField: 'name',
                                                url: '${pageContext.request.contextPath}/commtype/list',
                                                method: 'get',
                                                columns: [[
                                                    {field:'id',title:'类别id',width:100},
                                                    {field:'name',title:'分类名称',width:150},
                                                ]],
                                                fitColumns: true
                                            ">






                        <button onclick="ooop()" type="button" class="btn btn-default">查询</button>

                    </form>
                    <table id="paihangg"></table>


                </div>
            </div>
        </div>
        <div class="tab-pane fade" id="tu">

        </div>


</div>
</body>
</html>
